<!doctype html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <meta name="Author" content="hello">
  <title>CCForm</title>
  <script type="text/javascript" charset="utf-8" src="js/ueditor/utf8-net/ueditor.config.js"></script>
  <script type="text/javascript" charset="utf-8" src="js/ueditor/utf8-net/ueditor.all.js"> </script>
  <script type="text/javascript" charset="utf-8" src="js/ueditor/utf8-net/lang/zh-cn/zh-cn.js"></script>
  <link rel="stylesheet" href="css/formele.css">
  <style type="text/css">
	*{margin:0;padding:0;}
	ul,ol{list-style:none;}
	a{text-decoration:none;}

	/*1.整体背景*/
	body{
		background-color: #E3E7F4;
	}

	/*2.工具栏*/
	.header .toolbar{
		width: 900px;
		height: 30px;
		line-height: 30px;
		margin:0 auto 10px;
		padding: 5px;
	}

	.toolbar span.btn{
		float: left;
		height: 30px;
		line-height: 30px;
		font-size:12px;
		background-color: #009999;
		color: #fff;
		margin-right: 10px;
		padding: 0 10px;
		border-radius:5px;
		cursor: pointer;
	}

	/*3.表单*/
	.main form {
		position: relative;
		width: 850px;
		margin:0 auto;
		background-color: #fff;
		border: 1px solid blue;
		border-radius:5px;

	}

	.main form {
		overflow: hidden;
		height: 910px;
	}
	
  </style>
  <script type="text/javascript" charset="utf-8" src="js/flowdata.js"> </script>
  <script type="text/javascript" charset="utf-8" src="js/form.js"> </script>
  <script type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script>
 </head>
 <body>
	<div class="header">
		<div class="toolbar">
			<span class="btn">发送</span>
			<span class="btn">保存</span>
			<span class="btn">移交</span>
			<span class="btn">打印单据</span>
		</div>
	</div>
	<div class="main">
		<form class="ccform">
			<div class="hline" style="width:650px;left:60px;top:50px"></div>
			<div class="hline" style="width:650px;left:60px;top:90px"></div>
			<div class="hline" style="width:650px;left:60px;top:130px"></div>
			<div class="hline" style="width:650px;left:60px;top:800px"></div>
			<div class="vline" style="height:750px;left:60px;top:50px"></div>
			<div class="vline" style="height:80px;left:260px;top:50px"></div>
			<div class="vline" style="height:40px;left:500px;top:90px"></div>
			<div class="vline" style="height:750px;left:710px;top:50px"></div>
			<label class="title" style="left:80px;top:14px">XX有限公司报销单</label>
			<label style="left:80px;top:60px">优先级</label>			
			<label style="left:80px;top:100px">发起人</label>			
			<label style="left:280px;top:100px">发起时间</label>			
			<label style="left:520px;top:100px">所在部门</label>		
			<label style="left:80px;top:500px">备注：</label>

			<label class="mustinput" style="left:280px;top:60px">概要说明:</label>
			<input type="text" name="gysm" class="mustinput" style="left:360px;top:60px"/>
			<input type="text" name="fqr" style="left:130px;top:100px;width:80px"/>
			<select name="yxj" style="left:130px;top:60px">
				<option value="">选项1</option>
				<option value="">选项2</option>
				<option value="">选项3</option>
			</select>
			<div class="date" style="left:360px;top:100px;" onclick="WdatePicker()"></div>
			<img src="images/ty.png" alt="新疆天业" width="150" height="35" style="left:560px;top:10px">
			<script id="editor" type="text/plain" style="width:600px;height:200px;left:80px;top:530px"></script>
		</form>
	</div>
	<div class="dlg">
	</div>
	<script>		
		window.editor = UE.getEditor('editor',{
		toolbars: [[
            'fullscreen', 'undo', 'redo','bold', 'italic', 'underline', 'forecolor', 'cleardoc', 'fontfamily', 'fontsize', 'indent', 'emotion', 'date', 'time'
        ]]
	});
		
	

	</script>
 </body>
</html>
